<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css" type="text/css"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <!--    <link rel="stylesheet" href="styles.css_image" type="text/css_image" />-->
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <title>中国空间站跟踪器</title>

</head>

<body>
<div>
    <div>
        <h1>天宫空间站跟踪器</h1>
    </div>

    <div id="container"></div>

    <div id="details">
        <div>
            Time:
            <span class="time"></span>
        </div>
        <div>
            Latitude:
            <span class="latitude"></span>
        </div>
        <div>
            Longitude:
            <span class="longitude"></span>
        </div>

        <div>
            Altitude:
            <span class="altitude"></span>
        </div>


    </div>

</div>

<script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=cde841428bfee5ecdf66d88f19a37485"></script>
<script src="scripts.js"></script>

</body>

</html>